<template>
  <vxe-layout-container vertical>
  <vxe-layout-header class="layout-header">
    <Query :queryConfig="QueryConfig" @QueryEvent="handleQuery"></Query>
   </vxe-layout-header>
   <vxe-layout-body class="layout-body">
    <vxe-grid ref="maingrid" v-bind="GridOptions">     
    </vxe-grid>    
   </vxe-layout-body>
   <vxe-layout-footer class="layout-footer">
    <vxe-pager :align="PagerConfig.align" :size="componentSize" :current-page.sync="PagerConfig.currentPage"
    :page-size.sync="PagerConfig.pageSize" :total="PagerConfig.total" @page-change="handlePageChange"></vxe-pager>
   </vxe-layout-footer>
  </vxe-layout-container>
</template>
<style scoped>
</style>
<script>
import ReportCustomer from './index.js';
export default ReportCustomer;
</script>
